<template>
  <div>
    <h3>我是子组件</h3>
    <slot></slot>
    <hr />
    <slot name="one"></slot>
    <hr />
    <slot name="two"></slot>
    <li v-for="item in persons" :key="item.id">
      <slot name="three" :item="item"></slot>
    </li>
  </div>
</template>

<script>
export default {
  name: "Child",
  props: ["persons"],
};
</script>

<style>
</style>